.tw-libimageinfo {
  width: 100%;
}
.tw-libimginfolist {
  display: flex;
  height: 100%;
  justify-content: space-between;
}

.tw-libimginfolist.xwrap {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.tw-libimginfolist.xcolumn {
  flex-direction: column;
}

.tw-libimginfolist.xabsolute {
  width: 600px;
}

.tw-imginfo-item {
  display: flex;
  position: relative;
  flex: 1;
  height: 100%;
  align-items: center;
  min-width: 0;
  padding: 10px;
  background:  #e2e8ee;
  border-radius: 40px;
}

.tw-libimginfolist.xwrap > .tw-imginfo-item {
  flex: none;
}

.tw-imginfo-item.xhashref {
  cursor: pointer;
}

.tw-imginfo-item + .tw-imginfo-item {
  margin-left: 30px;
}

.tw-libimginfolist.xcolumn .tw-imginfo-item {
  width: 100%;
}

.tw-libimginfolist.xcolumn .tw-imginfo-item + .tw-imginfo-item {
  margin-top: 20px;
  margin-left: 0;
}

.tw-imginfo-item-iconbox {
  width: 60px;
  height: 60px;
  margin-right: 10px;
}

.tw-imginfo-item-body {
  flex: 1;
  min-width: 0;
  position: relative;
}

.tw-imginfo-item-title {
  font-size: 14px;
  color: #333;
}

.tw-imginfo-item-des {
  font-size: 14px;
  color: #666;
}

.tw-imginfo-item-des,
.tw-imginfo-item-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.imgicon{background:url(~@assets/imgicon.png)  no-repeat;}
.tw-custico.x30.xrzip{height:30px;width:30px;background-position:0 0;}
.tw-custico.x30.xrxml{height:30px;width:30px;background-position:0 -30px;}
.tw-custico.x30.xtdiscuss{height:30px;width:30px;background-position:0 -60px;}
.tw-custico.x30.xtgame{height:30px;width:30px;background-position:0 -90px;}
.tw-custico.x30.xtdrawing{height:30px;width:30px;background-position:0 -120px;}
.tw-custico.x30.xrteachtool{height:30px;width:30px;background-position:0 -150px;}
.tw-custico.x30.xrteachcase{height:30px;width:30px;background-position:0 -180px;}
.tw-custico.x30.xrtext{height:30px;width:30px;background-position:0 -210px;}
.tw-custico.x30.xrword{height:30px;width:30px;background-position:0 -240px;}
.tw-custico.x30.xrvideo{height:30px;width:30px;background-position:0 -270px;}
.tw-custico.x30.xtresource{height:30px;width:30px;background-position:0 -300px;}
.tw-custico.x30.xtpreparation{height:30px;width:30px;background-position:0 -330px;}
.tw-custico.x30.xttest{height:30px;width:30px;background-position:0 -360px;}
.tw-custico.x30.xtwork{height:30px;width:30px;background-position:0 -390px;}
.tw-custico.x30.xtvote{height:30px;width:30px;background-position:0 -420px;}
.tw-custico.x30.xtmicroclass{height:30px;width:30px;background-position:0 -450px;}
.tw-custico.x30.xthomework{height:30px;width:30px;background-position:0 -480px;}
.tw-custico.x30.xtmind{height:30px;width:30px;background-position:0 -510px;}
.tw-custico.x30.xtpractise{height:30px;width:30px;background-position:0 -540px;}
.tw-custico.x30.xtother{height:30px;width:30px;background-position:0 -570px;}
.tw-custico.x30.xrquestion{height:30px;width:30px;background-position:0 -600px;}
.tw-custico.x30.xrepub3{height:30px;width:30px;background-position:0 -630px;}
.tw-custico.x30.xrepub2{height:30px;width:30px;background-position:0 -660px;}
.tw-custico.x30.xrexcel{height:30px;width:30px;background-position:0 -690px;}
.tw-custico.x30.xrformula{height:30px;width:30px;background-position:0 -720px;}
.tw-custico.x30.xrflash{height:30px;width:30px;background-position:0 -750px;}
.tw-custico.x30.xrcourseware{height:30px;width:30px;background-position:0 -780px;}
.tw-custico.x30.xraudio{height:30px;width:30px;background-position:0 -810px;}
.tw-custico.x30.xrdir{height:30px;width:30px;background-position:0 -840px;}
.tw-custico.x30.xrepub{height:30px;width:30px;background-position:0 -870px;}
.tw-custico.x30.xredue{height:30px;width:30px;background-position:0 -900px;}
.tw-custico.x30.xrpaper{height:30px;width:30px;background-position:0 -930px;}
.tw-custico.x30.xrother{height:30px;width:30px;background-position:0 -960px;}
.tw-custico.x30.xrpdf{height:30px;width:30px;background-position:0 -990px;}
.tw-custico.x30.xrppt{height:30px;width:30px;background-position:0 -1020px;}
.tw-custico.x30.xrpformula{height:30px;width:30px;background-position:0 -1050px;}
.tw-custico.x30.xrh5{height:30px;width:30px;background-position:0 -1080px;}
.tw-custico.x30.xrgoodteaching{height:30px;width:30px;background-position:0 -1110px;}
.tw-custico.x30.xrimage{height:30px;width:30px;background-position:0 -1140px;}
.tw-custico.x30.xrotcase{height:30px;width:30px;background-position:0 -1170px;}
.tw-custico.x30.xrnet{height:30px;width:30px;background-position:0 -1200px;}
